使用JavaScript更改CSS偽元素


Posted by hoyi-23 on 2021-06-17

這裡提供一個很簡單的作法:

HTML

<div class="box" some-attribute-name=""></div>

CSS

.box::before{
    content= attr(some-attribute-name);
}

JavaScript

var box = document.querySelector('.box');
box.setAttribute('some-attribute','要新增的屬性值');

#偽元素 #javascript







Related Posts

財務分析(3) --  抓取公開資訊觀測站財務指標

財務分析(3) -- 抓取公開資訊觀測站財務指標

建立屬於你的 Google Map 地圖標記(二) - 渲染自定參數的地圖元件

建立屬於你的 Google Map 地圖標記(二) - 渲染自定參數的地圖元件

利用 Cloud function 製作 GitHub Apps

利用 Cloud function 製作 GitHub Apps


Comments